@import '../../styles/common.less';
@import '../../styles/lux.less';
@import '../../styles/unit.less';
@w-list: 80, 126, 160, 170, 340, 675;
@h-list: 48, 50, 60, 73, 80, 100, 110, 220;
@mt-list: 5, 8, 10, 16, 17, 20, 34, 70;
@mr-list: 10, 12, 20, ;
@mb-list: 20;
@ml-list: 10, 20, 40;
@pt-list: 2, 4, 10, 18, 20, 36;
@pr-list: 5, 10, 15, 30, 19, 38;
@pb-list: 10, 15, 18, 20, 30, 36;
@pl-list: 15, 19, 30, 38;
@operation-green: #6cb870;
@icon-grey: #d2d2d2;
@id-bg: #f9f4f4;
@id-text-bg: #7c7a79;
@id-border: #e3e3e3;
@icon-green: #88bf5c;
@icon-red: #ea7164;

html,
body,
#app {
	height: 100%;
}

.lux-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.lux-none {
	display: none;
}

.Authentication {
	color: #333;

	.warn {
		background: #f06f7f;
		color: #fff;

		i {
			.px2px(font-size, 24);
		}
	}

	.id-card {
		padding: 24px 0;
		background: #fff;

		.idc-title {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.idct-left {
				display: flex;
				align-items: center;

				.icon-tupian {
					.px2px(font-size, 36);
				}
			}

			.idct-right {
				a {
					color: @operation-green;
				}

				i {
					color: @icon-grey;

					.px2px(font-size, 24);
				}
			}
		}

		.idc-content {
			display: flex;
			justify-content: space-around;

			.idcc-area {
				position: relative;
				background: @id-bg;

				.lux-center;

				img {
					.px2px(max-width, 340);
					.px2px(max-height, 220);
				}

				.idcca-desc {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					background: @id-text-bg;
					color: #fff;
				}
			}
		}

		.idc-warn {
			display: flex;
			border-top: 1px solid @id-border;
			border-bottom: 1px solid @id-border;

			i {
				.px2px(font-size, 34);
			}
		}
	}

	.id-desc {
		border-top: 1px solid @id-border;
		border-bottom: 1px solid @id-border;
		background: #fff;

		.idd-title {
			border-bottom: 1px solid @id-border;
		}

		.idd-content {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			padding: 0 36px;

			.iddc-cell {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-bottom: 40px;
				width: 46%;

				.iddcc-img {
					overflow: hidden;
					border: 1px solid @id-border;
					background: #f0efef;

					.lux-center;

					img {
						.px2px(max-width, 160);
						.px2px(max-height, 100);
					}
				}

				.icon-duigou {
					color: @icon-green;

					.px2px(font-size, 24);
				}

				.icon-cuowu {
					color: @icon-red;

					.px2px(font-size, 24);
				}
			}
		}
	}

	.id-info {
		border-top: 1px solid @id-border;
		border-bottom: 1px solid @id-border;
		background: #fff;

		.idi-cell {
			display: flex;
			padding-bottom: 20px;
			border-bottom: 1px solid @id-border;

			&.no-border {
				border-bottom: none;
			}

			.idic-label {
				display: flex;
				align-items: center;
			}

			.idic-text {
				i {
					.px2px(font-size, 32);

					&.icon-duigou {
						color: @icon-green;
					}
				}
			}
		}
	}

	.id-button {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		color: #fff;

		.px2px(border-radius, 16);

		&.green {
			background: @icon-green;
		}
	}
}